<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="assets/components/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="assets/components/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="assets/components/icon-font/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/public.css"/>
    <link rel="stylesheet" href="assets/css/getOrderInfo.css">
    <link rel="stylesheet" type="text/css" href="assets/css/media.css"/>
    <link rel="stylesheet" type="text/css" href="assets/components/css.css">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="assets/js/html5shiv.min.js"></script>
    <![endif]-->
    <title>订单结算页</title>
</head>

<body>
<!--头部导航-->
<div id="shortcut">
    <div class="container">
        <ul class="fl">
            <li class="dropdown" id="city_chose">
                <div class="dt shortcut_a">
                    送至：
                    <span>北京</span>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <div class="item">
                            <a href="###">北京</a>
                        </div>
                        <div class="item">
                            <a class="selected" href="###">上海</a>
                        </div>
                        <div class="item">
                            <a href="###">天津</a>
                        </div>
                        <div class="item">
                            <a href="###">重庆</a>
                        </div>
                        <div class="item">
                            <a href="###">河北</a>
                        </div>
                        <div class="item">
                            <a href="###">四川</a>
                        </div>
                        <div class="item">
                            <a href="###">陕西</a>
                        </div>
                        <div class="item">
                            <a href="###">山西</a>
                        </div>
                        <div class="item">
                            <a href="###">浙江</a>
                        </div>
                        <div class="item">
                            <a href="###">江苏</a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul class="fr">
            <li>
                <a href="###" class="link_login">你好，请登录</a>
                <a href="###" class="link_regist">免费注册</a>
            </li>
            <li class="spacer"></li>
            <li>
                <div class="shortcut_a">
                    <a href="###" target="_blank">我的订单</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="person">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">个人中心</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <div class="item">
                            <a href="###">
                                我的个人中心
                            </a>
                        </div>
                        <div class="item">
                            <a href="###">
                                待支付订单
                            </a>
                        </div>
                        <div class="item">
                            <a href="###">
                                待收货订单
                            </a>
                        </div>
                        <div class="item">
                            <a href="###">
                                返修退换货
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="spacer"></li>
            <li>
                <div class="shortcut_a">
                    <a href="###" target="_blank">会员中心</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li>
                <div class="shortcut_a">
                    <a href="###" target="_blank">企业采购</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="phone">
                <div class="dt shortcut_a">
                    <i class="iconfont icon-shouji"></i>
                    <a href="###" target="_blank">手机下载</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <img src="" class="img-thumbnail"/>
                    </div>

                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="foucs">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">关注我们</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <img src="" class="img-thumbnail"/>
                    </div>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="custom_service">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">客户服务</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <p>客户</p>
                    <ul>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                    </ul>
                    <p>商户</p>
                    <ul>
                        <li>
                            <a href="###">商学院</a>
                        </li>
                        <li>
                            <a href="###">入驻</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="web_nav">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">网站导航</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--广告-->
<div class="advert container">
    <a href="###">
        <img src="assets/img/guanggao.jpg"/>
        <i class="close_advert iconfont icon-close"></i>
    </a>
</div>
<!--头部-->

<div class="order_head">
    <div class="container">
        <div class="logo">
            <a href="index.html" target="_blank">
                <img src="assets/img/logo-201305.png" alt="">
            </a>
            <a href="###" class="link">
                <b></b>
                结算页
            </a>
        </div>
        <div class="stepflex">
            <dl class="first done">
                <dt class="s_num">1</dt>
                <dd class="s_text">
                    1.我的购物车
                    <s></s>
                    <b></b>
                </dd>
            </dl>
            <dl class="normal doing">
                <dt class="s_num">2</dt>
                <dd class="s_text">
                    2.填写核对订单信息
                    <s></s>
                    <b></b>
                </dd>
            </dl>
            <dl class="normal last">
                <dt class="s_num">3</dt>
                <dd class="s_text">
                    3.成功提交订单
                    <s></s>
                    <b></b>
                </dd>
            </dl>
        </div>
    </div>
</div>
<!--header-->

<div class="content">
    <div class="container">
        <div class="checkout_title">
            <span>填写并核对订单消息</span>
        </div>
        <div class="checkout_steps">
            <!--收货人信息-->
            <div class="step_tit">
                <h3>收货人信息</h3>
                <div class="extra_r">
                    <a class="add_addr" href="###">
                        新增收货地址
                    </a>
                </div>
            </div>
            <div class="step_cont">
                <div class="address">
                    <div class="address_scrollbar">
                        <div class="address_cont address_off">
                            <ul>
                                <li class="address_item address_item_selected">
                                    <div class="item item_selected">
                                        <span limit="8">某吱吱 上海</span>
                                        <b></b>
                                    </div>
                                    <div class="addr_detail">
                                        <span class="addr_name" limit="6">某吱吱</span>
                                        <span class="addr_info" limit="45">上海 闵行区 浦江镇 江凯路199号</span>
                                        <span class="addr_tel">1383838888</span>
                                    </div>
                                    <div class="op_btns">
                                        <a href="###" class="setdefault_addr">设为默认地址</a>
                                        <a href="###" class="edit_addr">编辑</a>
                                        <a href="###" class="del_addr">删除</a>
                                    </div>
                                </li>
                                <li class="address_item address_item_selected">
                                    <div class="item">
                                        <span limit="8">某吱吱2 上海</span>
                                        <b></b>
                                    </div>
                                    <div class="addr_detail">
                                        <span class="addr_name" limit="6">某吱吱</span>
                                        <span class="addr_info" limit="45">上海 闵行区 浦江镇 江凯路199号</span>
                                        <span class="addr_tel">1383838888</span>
                                    </div>
                                    <div class="op_btns">
                                        <a href="###" class="setdefault_addr">设为默认地址</a>
                                        <a href="###" class="edit_addr">编辑</a>
                                        <a href="###" class="del_addr">删除</a>
                                    </div>
                                </li>
                                <li class="address_item address_item_selected">
                                    <div class="item">
                                        <span limit="8">某吱吱 上海</span>
                                        <b></b>
                                    </div>
                                    <div class="addr_detail">
                                        <span class="addr_name" limit="6">某吱吱</span>
                                        <span class="addr_info" limit="45">上海 闵行区 浦江镇 江凯路199号</span>
                                        <span class="addr_tel">1383838888</span>
                                    </div>
                                    <div class="op_btns">
                                        <a href="###" class="setdefault_addr">设为默认地址</a>
                                        <a href="###" class="edit_addr">编辑</a>
                                        <a href="###" class="del_addr">删除</a>
                                    </div>
                                </li>
                                <li class="address_item address_item_selected">
                                    <div class="item">
                                        <span limit="8">某吱吱 上海</span>
                                        <b></b>
                                    </div>
                                    <div class="addr_detail">
                                        <span class="addr_name" limit="6">某吱吱</span>
                                        <span class="addr_info" limit="45">上海 闵行区 浦江镇 江凯路199号</span>
                                        <span class="addr_tel">1383838888</span>
                                    </div>
                                    <div class="op_btns">
                                        <a href="###" class="setdefault_addr">设为默认地址</a>
                                        <a href="###" class="edit_addr">编辑</a>
                                        <a href="###" class="del_addr">删除</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="addr_switch switch_on">
                    <span>更多地址</span>
                    <b></b>
                </div>
                <div class="addr_switch switch_off hidden">
                    <span>收起地址</span>
                    <b></b>
                </div>
            </div>

            <div class="hr"></div>
            <!--支付方式-->
            <div class="pay_method">
                <div class="step_tit">
                    <h3>支付方式</h3>
                </div>
                <div class="step_cont clearfix">
                    <div class="payment_list">
                        <div>
                            <ul class="payment_list">
                                <li>
                                    <div class="payment_item item_selected">
                                        <b></b>
                                        货到付款
                                    <!--<span class="qmark_icon qmark_tip" data-tips="送货上门再收款">-->
                                    </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="payment_item">
                                        <b></b>
                                        微信支付
                                    <!--<span class="qmark_icon qmark_tip" data-tips="送货上门再收款">-->
                                    </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="payment_item">
                                        <b></b>
                                        在线支付
                                    <!--<span class="qmark_icon qmark_tip" data-tips="送货上门再收款">-->
                                    </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="payment_item">
                                        <b></b>
                                        支付宝支付
                                    <!--<span class="qmark_icon qmark_tip" data-tips="送货上门再收款">-->
                                    </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="payment_item">
                                        <b></b>
                                        XX支付
                                    <!--<span class="qmark_icon qmark_tip" data-tips="送货上门再收款">-->
                                    </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="payment_item">
                                        <b></b>
                                        货到付款
                                    <!--<span class="qmark_icon qmark_tip" data-tips="送货上门再收款">-->
                                    </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hr"></div>
            <!--用银行卡支付-->
            <div class="payforcard">

            </div>
            <div class="hr"></div>
            <!--送货清单-->
            <div class="step_tit">
                <h3>送货清单</h3>
                <div class="extra_r">
                    <a href="###">返回购物车修改</a>
                </div>
            </div>
            <div class="step_cont clearfix">
                <!--第一家商铺-->
                <div class="shopping_list">
                    <div class="goods_list">
                        <div class="goods_tit">
                            <h4>商家:XXXX</h4>
                        </div>
                        <div class="goods_items">
                            <div class="goods_suit goods_las">
                                <div class="goods_suit_tit">
                                    <span>换购</span>
                                    <strong>已够满7.00元,再加66元,可返回购物车领取赠品</strong>
                                </div>
                                <div class="goods_item goods_item_extra clearfix">
                                    <div class="p_img">
                                        <a href="###">
                                            <img src="" alt="">
                                        </a>
                                    </div>
                                    <div class="goods_msg">
                                        <div class="goods_msg_gel">
                                            <div class="p_name">
                                                <a href="###">
                                                    罗马仕（ROMOSS）CB12 苹果线 1米白色 iPhone5/iphone5s
                                                    数据线 iPad4充电线
                                                </a>
                                            </div>
                                            <div class="p_price">
                                                <strong>$999.99</strong>
                                                <span class="p_num">
                                                    X1

                                                </span>
                                                <span class="p_state">有货</span>
                                                <span class="p_weight">999.999kg</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <i class="p_icon p_icon_seven"></i>
                                        <span class="seven">7天无理由退货</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goods_items">
                            <div class="goods_suit">
                                <div class="goods_suit_tit">
                                    <span>换购</span>
                                    <strong>已够满7.00元,再加66元,可返回购物车领取赠品</strong>
                                </div>
                                <div class="goods_item goods_item_extra clearfix">
                                    <div class="p_img">
                                        <a href="###">
                                            <img src="" alt="">
                                        </a>
                                    </div>
                                    <div class="goods_msg">
                                        <div class="goods_msg_gel">
                                            <div class="p_name">
                                                <a href="###">
                                                    罗马仕（ROMOSS）CB12 苹果线 1米白色 iPhone5/iphone5s
                                                    数据线 iPad4充电线
                                                </a>
                                            </div>
                                            <div class="p_price">
                                                <strong>$999.99</strong>
                                                <span class="p_num">
                                                    X1

                                                </span>
                                                <span class="p_state">有货</span>
                                                <span class="p_weight">999.999kg</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <i class="p_icon p_icon_seven"></i>
                                        <span class="seven">7天无理由退货</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="goods_items">
                            <div class="goods_suit">
                                <div class="goods_suit_tit">
                                    <span>换购</span>
                                    <strong>已够满7.00元,再加66元,可返回购物车领取赠品</strong>
                                </div>
                                <div class="goods_item goods_item_extra clearfix">
                                    <div class="p_img">
                                        <a href="###">
                                            <img src="" alt="">
                                        </a>
                                    </div>
                                    <div class="goods_msg">
                                        <div class="goods_msg_gel">
                                            <div class="p_name">
                                                <a href="###">
                                                    罗马仕（ROMOSS）CB12 苹果线 1米白色 iPhone5/iphone5s
                                                    数据线 iPad4充电线
                                                </a>
                                            </div>
                                            <div class="p_price">
                                                <strong>$999.99</strong>
                                                <span class="p_num">
                                                    X1

                                                </span>
                                                <span class="p_state">有货</span>
                                                <span class="p_weight">999.999kg</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <i class="p_icon p_icon_seven"></i>
                                        <span class="seven">7天无理由退货</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="service_items">
                            <div class="service_item">
                                <div class="hr"></div>
                                <span class="service_desc">退换无忧</span>
                                <span class="service_price">$0.00</span>
                            </div>
                        </div>

                    </div>
                    <div class="dis_modes">
                        <div class="mode_item">
                            <div class="mode_item_tit">
                                <h4>配送方式</h4>
                            </div>
                            <div class="mode_tab_nav clearfix">
                                <ul>
                                    <li class="curr">
                                        <span>
                                            XX快递
                                            <!--<i class="qmark_icon"></i>-->
                                        </span>
                                        <b></b>
                                    </li>
                                    <li class="hidden">
                                        <span>
                                            XX快递
                                            <!--<i class="qmark_icon"></i>-->
                                        </span>
                                        <b></b>
                                    </li>
                                </ul>
                            </div>
                            <div class="mode_item_con">
                                <ul class="mode_list">
                                    <li class="clearfix">
                                        <div class="fore1">
                                            <span>付款方式:</span>
                                            现金
                                        </div>
                                        <!--<div class="fore2">-->
                                        <!--<a href="###">修改</a>-->
                                        <!--</div>-->
                                    </li>
                                    <li class="clearfix no_border_b">
                                        <div class="fore1">
                                            <span>标&nbsp;&nbsp;准&nbsp;&nbsp;达:</span>
                                            预计&nbsp;12月21日[周三]&nbsp;&nbsp;送达
                                        </div>
                                        <!--<div class="fore2">-->
                                        <!--<a href="###">修改</a>-->
                                        <!--</div>-->
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="weight_cont">
                        总重量:
                        <em>0.360kg</em>
                    </div>
                </div>
                <!--第二家商铺-->
                <div class="shopping_list">
                    <div class="goods_list">
                        <div class="goods_tit">
                            <h4>商家:XXXX</h4>
                        </div>
                        <div class="goods_items">
                            <div class="goods_suit goods_las">
                                <div class="goods_suit_tit">
                                    <span>换购</span>
                                    <strong>已够满7.00元,再加66元,可返回购物车领取赠品</strong>
                                </div>
                                <div class="goods_item goods_item_extra clearfix">
                                    <div class="p_img">
                                        <a href="###">
                                            <img src="" alt="">
                                        </a>
                                    </div>
                                    <div class="goods_msg">
                                        <div class="goods_msg_gel">
                                            <div class="p_name">
                                                <a href="###">
                                                    罗马仕（ROMOSS）CB12 苹果线 1米白色 iPhone5/iphone5s
                                                    数据线 iPad4充电线
                                                </a>
                                            </div>
                                            <div class="p_price">
                                                <strong>$999.99</strong>
                                                <span class="p_num">
                                                    X1

                                                </span>
                                                <span class="p_state">有货</span>
                                                <span class="p_weight">999.999kg</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <i class="p_icon p_icon_seven"></i>
                                        <span class="seven">7天无理由退货</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="service_items">
                            <div class="service_item">
                                <div class="hr"></div>
                                <span class="service_desc">退换无忧</span>
                                <span class="service_price">$0.00</span>
                            </div>
                        </div>

                    </div>
                    <div class="dis_modes">
                        <div class="mode_item">
                            <div class="mode_item_tit">
                                <h4>配送方式</h4>
                            </div>
                            <div class="mode_tab_nav clearfix">
                                <ul>
                                    <li class="curr">
                                        <span>
                                            XX快递
                                            <!--<i class="qmark_icon"></i>-->
                                        </span>
                                        <b></b>
                                    </li>
                                    <li class="hidden">
                                        <span>
                                            XX快递
                                            <!--<i class="qmark_icon"></i>-->
                                        </span>
                                        <b></b>
                                    </li>
                                </ul>
                            </div>
                            <div class="mode_item_con">
                                <ul class="mode_list">
                                    <li class="clearfix">
                                        <div class="fore1">
                                            <span>付款方式:</span>
                                            现金
                                        </div>
                                        <!--<div class="fore2">-->
                                        <!--<a href="###">修改</a>-->
                                        <!--</div>-->
                                    </li>
                                    <li class="clearfix no_border_b">
                                        <div class="fore1">
                                            <span>标&nbsp;&nbsp;准&nbsp;&nbsp;达:</span>
                                            预计&nbsp;12月21日[周三]&nbsp;&nbsp;送达
                                        </div>
                                        <!--<div class="fore2">-->
                                        <!--<a href="###">修改</a>-->
                                        <!--</div>-->
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="weight_cont">
                        总重量:
                        <em>0.360kg</em>
                    </div>
                </div>
            </div>
            <div class="hr"></div>
            <!--备注-->
            <div class="order_remarks">
                <div class="remark_tit">
                    添加订单备注
                </div>
                <div>
                    <div class="remark_cont form">
                        <input type="text" class="itxt01 itxt" placeholder="限45个字（定制类商品，请将购买需求在备注中做详细说明）">
                        &nbsp;&nbsp; 提示：请勿填写有关支付、收货、发票方面的信息
                    </div>
                </div>
            </div>
            <div class="hr"></div>
            <!--发票-->
            <div class="step_tit">
                <h3>发票信息</h3>
            </div>
            <div class="step_content">
                <div class="invoice_cont">
                    <span class="mr10">普通发票(纸质)&nbsp;</span>
                    <span class="mr10">个人&nbsp;</span>
                    <span class="mr10">明细&nbsp;</span>
                    <a href="###">修改</a>
                </div>
            </div>
            <!--优惠券-->
            <div class="step_tit coupons_use">
                <h3>使用优惠券</h3>
                <i></i>
            </div>
            <div class="step_cont order_virtual form hidden">
                输入你的优惠码:
                <input type="text" class="itxt01 itxt">
                <div class="virtual_usedcont">
                    <span class="virtual_usedcont_price">
                        金额抵用
                        <em>$9.99</em>
                    </span>
                    <ul>
                        <li>
                            使用优惠券
                            <em class="num">2</em>
                            张
                            <em class="price">$3.44</em>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 统计总额-->
        <div class="order_summary clearfix">
            <div class="statistic">
                <ul>
                    <li>
                        <span>
                            <em>4</em>
                            件商品,总商品金额:
                        </span>
                        <em class="price">
                            $999.99
                        </em>
                    </li>
                    <li>
                        <span>
                            返现:
                        </span>
                        <em class="price">
                            $999.99
                        </em>
                    </li>
                    <li>
                        <span>
                            运费:
                        </span>
                        <em class="price">
                            $999.99
                        </em>
                    </li>
                    <li>
                        <span>
                            服务费:
                        </span>
                        <em class="price">
                            $999.99
                        </em>
                    </li>
                    <li>
                        <span>
                            退换无忧:
                        </span>
                        <em class="price">
                            $999.99
                        </em>
                    </li>
                </ul>
            </div>
        </div>
        <!--支付总额-->
        <div class="trade_foot">
            <div class="trade_foot_detail">
                <div class="fc_price_info">
                    <span class="price_tit">
                        应付总额:
                    </span>
                    <span class="price_num">$99.99</span>
                </div>
                <div class="fc_address_info">
                    <span class="mr20">
                        上海 闵行区 浦江镇 江凯路199号
                    </span>
                    <span>收货人:某吱吱 1383888888</span>
                </div>
            </div>
        </div>
        <!--提交订单-->
        <div class="checkout_go_pay">
            <div class="checkout_btn">
                <div class="inner">
                    <button>提交订单</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!--footer-->
<footer>
    <div class="footer_service">
        <ul class="service_inner">
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_duo">多</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_kuai">快</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_hao">好</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_sheng">省</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer_help container">
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
    </div>
    <div class="container">
        <div class="footer">
            <div class="links">
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
            </div>
            <div class="copyright">
                北京市公安局朝阳分局备案编号110105014669&nbsp;&nbsp;|&nbsp;&nbsp;京ICP证070359号 |
                <a href="###">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
                &nbsp;&nbsp;|&nbsp;&nbsp; 新出发京零 字第大120007号
                <br/>
                <a href="###">音像制品经营许可证苏宿批005号</a>
                &nbsp;&nbsp; |&nbsp;&nbsp; 出版物经营许可证编号新出发(苏)批字第N-012号 &nbsp;&nbsp; | &nbsp;&nbsp; 互联网出版许可证编号新出网证(京)字150号
                <br/>
                <a href="###">网络文化经营许可证京网文[2014]2148-348号</a>
                &nbsp;&nbsp;违法和不良信息举报电话：4006561155 &nbsp;&nbsp; Copyright&nbsp; © &nbsp;2004-2016 &nbsp;&nbsp; 京东JD.com&nbsp;
                版权所有
                <br/>
            </div>
            <div class="authentication">
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
            </div>
        </div>
    </div>
</footer>

<div class="mask hidden"></div>

<!--新增/修改地址-->
<div class="dialog hidden" id="address">
    <div class="dialog_tit">
        <span>新增/修改收货人信息</span>
    </div>
    <div class="dialog_content">
        <div class="form" id="add_addr_form">
            <ul>
                <li class="item clearfix" id="name_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;收货人: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" class="itxt" id="consigneeName" maxlength="20" value="222">
                        <span class="error_msg"></span>
                    </div>
                </li>
                <li class="item clearfix" id="area_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;所在地区: &nbsp;
                    </span>
                    <div class="fl">
                        <div class="info">
                            <div>
                                <select id="s_province" name="s_province"></select>  
                                <select id="s_city" name="s_city"></select>  
                                <select id="s_county" name="s_county"></select>
                                <script class="resources library" src="assets/components/area.js"
                                        type="text/javascript"></script>
                                <script type="text/javascript">_init_area();</script>
                            </div>

                            <div id="show"></div>

                        </div>
                    </div>
                </li>
                <li class="item clearfix" id="addr_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;详细地址: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" class="itxt itxt02" id="consigneeAddress" maxlength="50">
                        <span class="error_msg"></span>
                    </div>
                </li>
                <li class="item clearfix" id="call_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;手机号码: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" class="itxt" id="consigneeMobile" maxlength="11">
                    </div>
                    <div class="fl">
                        <span class="item_label">
                            固定电话:
                        </span>
                        <input type="text" id="consigneePhone" class="itxt" maxlength="20">
                    </div>
                    <span class="error_msg"></span>
                </li>
                <li class="item clearfix" id="email_div">
                    <span class="item_label">
                            &nbsp;邮箱: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" id="consigneeEmail" class="itxt itxt02" maxlength="50">
                        <span class="error_msg"></span>
                        <div class="ftx_03">
                            用来接收订单提醒邮件，便于您及时了解订单状态
                        </div>
                    </div>
                </li>
                <li class="item clearfix">
                    <span class="item_label">
                        &nbsp;
                    </span>
                    <div class="fl">
                        <a href="###" class="btn_save">
                            <span>
                                保存收货人信息
                            </span>
                        </a>
                        <!--正在保存信息-->
                        <div class="loading" style="display: none">
                            正在提交信息,请等待!
                        </div>

                    </div>
                </li>
            </ul>
        </div>
    </div>
    <a href="###" class="dialog_close" title="关闭">
    </a>
</div>

<!--修改发票-->
<div class="dialog hidden" id="invoice">
    <div class="dialog_tit">
        <span>发票信息</span>
    </div>
    <div class="dialog_content">
        <div class="invoice_dialog clearfix" id="invoice_tab">
            <ul class="tab_nav clearfix">
                <li class="selected">
                    普通发票
                    <b></b>
                </li>
            </ul>
            <div class="tab_con form">
                <div class="steps">
                    <idv class="step">
                        <div class="invoice_tips">
                            <span>开票金额不包括优惠券支付部分。<a href="###">其他问题</a></span>
                        </div>
                        <div class="invoice_tit clearfix">
                            <span class="item_label">
                                发票抬头:
                            </span>
                            <div class="fl">
                                <ul>
                                    <li class="invoice_item invoice_item_choice invoice_item_selected">
                                        <span>个人</span>
                                        <b></b>
                                    </li>
                                    <li class="invoice_item invoice_item_choice">
                                        <span>单位</span>
                                        <b></b>

                                    </li>
                                    <li class="invoice_item">
                                        <input class="invoice_company" type="text" placeholder="请填写单位名称">
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="item invoice_content clearfix">
                            <span class="item_label">发票内容:</span>
                            <div class="fl">
                                <ul class="invoice_list">
                                    <li class="invoice_item invoice_item_selected">
                                        不开发票
                                        <b></b>
                                    </li>
                                    <li class="invoice_item">
                                        明细
                                        <b></b>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="item">
                            <span class="item_label">
                                &nbsp;
                            </span>
                            <div class="fl">
                                <div class="op_btns">
                                    <a href="###" class="btn btn_sure">确定</a>
                                    <a href="###" class="btn btn_cancel">取消</a>
                                </div>
                            </div>
                        </div>
                    </idv>
                </div>
            </div>
        </div>
    </div>
    <a href="###" class="dialog_close" title="关闭">
    </a>
</div>
</body>
<script type="text/javascript" src="assets/components/jquery-1.9.1.min.js"></script>
<script src="assets/components/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/js/public.js"></script>
<script type="text/javascript" src="assets/js/getorderinfo.js"></script>
<script type="text/javascript" src="assets/components/location.js"></script>
<script>
    console.log($(window).width())
</script>
</html>